import { Icon, IconProps } from '@chakra-ui/react';

export const ArrowDown = (props: IconProps) => {
  return (
    <Icon {...props} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2.64645 4.14718C2.84171 3.95192 3.15829 3.95192 3.35355 4.14718L6 6.79363L8.64645 4.14718C8.84171 3.95192 9.15829 3.95192 9.35355 4.14718C9.54882 4.34244 9.54882 4.65902 9.35355 4.85429L6.35355 7.85429C6.15829 8.04955 5.84171 8.04955 5.64645 7.85429L2.64645 4.85429C2.45118 4.65902 2.45118 4.34244 2.64645 4.14718Z"
        fill="#667085"
      />
    </Icon>
  );
};
